<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Scrum 1 Calculator</title>
		<link rel="stylesheet" href="calc.css">
		<script src="calculator.js"></script>
	</head>
	<body>

		<h1>Calculator</h1>
		<form name = "calc">
		<input type = "int" name = "display">
		<table>
		<tr>
			<td><input type = "button" value = 7 onclick="addtoDisplay(7)"></td>
			<td><input type = "button" value = 8 onclick="addtoDisplay(8)"></td>
			<td><input type = "button" value = 9 onclick="addtoDisplay(9)"></td>
			<td><input type = "button" value = / onclick="addtoDisplay(/)"></td>
			<td><input type = "button" value = Clear onclick="clearDisplay()"></td>
			
		<tr>
			<td><input type = "button" value = 4 onclick="addtoDisplay(4)"></td>
			<td><input type = "button" value = 5 onclick="addtoDisplay(5)"></td>
			<td><input type = "button" value = 6 onclick="addtoDisplay(6)"></td>
			<td><input type = "button" value = x onclick="addtoDisplay('*')"></td>
		</tr>
		<tr>
			<td><input type = "button" value = 1 onclick = "addtoDisplay(1)"></td>
			<td><input type = "button" value = 2 onclick="addtoDisplay(2)"></td>
			<td><input type = "button" value = 3 onclick="addtoDisplay(3)"></td>
			<td><input type = "button" value = - onclick="addtoDisplay('-')"></td>
		</tr>
		<tr>
			<td><input type = "button" value = 0 onclick="addtoDisplay(0)"></td>
			<td><input type = "button" value = . onclick="addtoDisplay('.')"></td>
			<td><input type = "button" value = = onclick="equalDisplay()"></td>
			<td><input type = "button" value = + onclick="addtoDisplay('+')"></td>
		</tr>
		</table>
		</FORM>
	</body>
</html>